ul,ol{
    list-style:none;
}
ol li{
    float: left;
}
.dottedLine{
    border: 2px dotted #AFCDF5;
    border-radius: 10px;

}
.content{
    width: 100%;
    height: 100%;
}
.online-main{
    width:80%;
    height: 100%;
    margin:auto;
}
.online-main-top,.online-main-middle,.online-main-bottom{
    color:#AFCDF5 ;
}
.online-main-top{
    width: 100%;
    height:5%;
}
.online-main-top ul{
    height: 100%;
    width: 100%;
}
.online-main-middle{
    width: 100%;
    height: 60%;
    position: relative;
}
.online-main-middle .coverage{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 3%;
    left: 21%;

}

.online-main-middle .coverage div{
    width: 48%;
    height: 20%;
}
.online-main-middle .coverage div.twoCoverage{
    height: 69%;
    margin-top: 2%;
}
.online-main-bottom{
    width: 100%;
    height: 30%;
}
.online-main-bottom ol.bottom-left{
    width: 10%;
    height: 100%;
    float: left;
}
ol.bottom-left li{
    text-align: center;
    width: 100%;
    height: 15%;
    float: left;
}
.bottom-right{
    float: left;
    position: relative;
    width: 80%;
    height: 100%;
}
.bottom-right ul{
    position: absolute;
    width: 100%;
    height: 20%;
    margin-top:30px;
}
.bottom-right ul li{
    width: 14%;
    float: left;
    height: 100%;
}
.bottom-right div{
    width: 100%;
    height: 100%;
}
.bottom-right div img{
    width: 95%;
}
.online-main-top ul li,.online-main-middle ul li{
    float: left;
    /*border: 1px solid rebeccapurple;*/
    min-width: 10%;
    height: 100%;
    text-align: center;
}
.online-main-top ul li{
    margin-left: 2%;
}
.online-main-middle ul{
    width: 100%;
    height: 100%;
}
.online-main-middle ul li{
    width: 20%;
    height: 100%;
}
.middle-first{
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
}

.middle-second-ol{
    width: 50%;
    height: 100%;
    float: left;
}
.middle-second-ol div{
    width: 100%;
    height: 75%;
    display: table;
}
.middle-second-ol div.middle-second-div{
    height: 25%;
}
.middle-second-ol div p{
    height: 100%;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.middle-second-ol div p span{
    display: block;
}
.online-main-middle ul li ol{
    width: 100%;
    height: 100%;
}
ol.first-ol li,ol.third-ol li,ol.fourth-ol li{
    width: 100%;
    height: 25%;
    display: table;
    text-align: center;
}
ol.second-ol li{
    width: 100%;
    height: 37%;
    display: table;
    text-align: center;
}
ol.second-ol li.second-ol-first{
    height: 25%;
}
.online-main-middle ul li ol li p{
    display: table-cell;
    vertical-align: middle;
}
ol.fifth-ol li{
    width: 100%;
    height: 50%;
    text-align: center;
}
ol.fifth-ol li{
}
ol.fifth-ol li div{
    float: left;
    width: 100%;
    height: 33%;
    display: table;

}
ol.fifth-ol li div p{
    display: table-cell;
    vertical-align: middle;
}
 
 .pull-right{
    float: right !important;
 }